<template>
  <base-breadcrumb>
    <a-form :form="form">
      <a-card :body-style="{ padding: '24px 32px' }" :bordered="false">
        <div class="table-operator">
          <a-button type="primary" icon="plus" @click="handleSave">保存信息</a-button>
        </div>

        <a-tabs ref="tabs" v-model="nextSteps" @change="callback">
          <a-tab-pane key="1" tab="基本信息">
            <a-row :gutter="24"  v-if="isManager">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目设计类型"
                        :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
                        :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
                   <a-select v-decorator="['designTypeId', { rules: [{ required: true, message: ' ' }] }]">
                     <a-select-option v-for="item in designTypes" :key="item.code" :value="item.code">{{item.name}}</a-select-option></a-select>
                </a-form-item>
              </a-col>
            </a-row>

            <a-row :gutter="24" v-if="isCompany">
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="分包合同额（万）"
                        :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
                        :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
                  <BaseInputNumber placeholder=""  :min="1" style="width: 100%;"
                                   :precision="2"
                          v-decorator="['contractAmount',{ initialValue:dels.contractAmount}, { rules: [{ required: true, message: ' ' }] }]"/>
                </a-form-item>
              </a-col>
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="备注"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput
                          placeholder="备注"
                          v-decorator="['remark',{ initialValue:dels.remark}, { rules: [{ required: true, message: ' ' }] }]"
                          type="textarea"
                  />
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="工程承包模式"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                   <BaseInput v-model="dels.contractModelName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="是否内部分包"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.innerPackageName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8" v-if="isContract">
                <a-form-item
                        label="专业承包公司"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.contractBranchName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>

              <a-col :md="8" :sm="8" v-if="isGeneral">
                <a-form-item
                        label="总承包单位"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.generalContractorCompanyName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.projectName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目简称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.projectOmit" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目编号"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.projectNum" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="一级地域"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.oneAreaName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="二级地域"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.secondAreaName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="三级地域"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.threeAreaName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="四级地域"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.fourAreaName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="地理坐标"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.longitude" type="text" disabled/>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="详细地址"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.projectAddress" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="一级管辖单位"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.jurisdictionOneName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="二级管辖单位"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.jurisdictionTwoName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="承接名义"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.undertakeName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="实施单位(二级)"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.implementationTwoName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="实施单位(三级)"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.implementationThreeName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目类型"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.projectTypeName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目业态"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.projectFormatName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="结构类型"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.structureTypeName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="项目重要程度"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.projectImportanceName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="是否为重点项目"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.keyProjectsName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="局级大客户"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <BaseInput v-model="dels.bureauCustomerName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="公司级大客户"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.companyCustomerName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="客户级别"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.customerLevelName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="设计单位名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.designUnitName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="建设单位名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.constructionName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="建设单位性质"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.constructionNatureName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="建设单位信用代码"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.constructionName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="审计单位名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.auditName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="监理单位名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.supervisionName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="勘察单位名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.surveyName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="咨询单位名称"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.consultingName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="是否签订合同"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <a-radio-group v-model="dels.contractCode">
                    <a-radio :value="1">
                      已签订
                    </a-radio>
                    <a-radio :value="2">
                      未签订
                    </a-radio>
                  </a-radio-group>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8" v-if="isContractMileage">
                <a-form-item
                        label="合同工程里程"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.contractMileage" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>

              <a-col :md="8" :sm="8" v-if="isConstruction">
                <a-form-item
                        label="合同建筑面积"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.contractAreaGround" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>

              <a-col :md="8" :sm="8" v-if="isConstruction">
                <a-form-item
                        label="合同建筑面积"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.contractAreaUnderground" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24" v-if="isConstruction">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="地上层数"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.groundFloor" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="地下层数"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.undergroundFloor" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="合同建筑总面积"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.contractTotalArea" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="合同单体工程数"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.contractSingleProject" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="最高长单位工程"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.engineeringMeters" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="维保期时间"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.maintenanceTime" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="合同开工日期"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <a-date-picker
                          disabled
                          v-model="dels.contractStartDate"
                          placeholder="请选择日期"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="合同竣工日期"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <a-date-picker
                          disabled
                          v-model="dels.contractEndDate"
                          style=" "
                          placeholder="请选择日期"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="合同工期"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
                  <a-date-picker
                          disabled
                          v-model="dels.contractDays"
                          placeholder="合同工期"
                  />
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="合同额(万)"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.contractValue" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="自有施工合同额"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.ownerContractValue" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="8" :sm="8">
                <a-form-item
                        label="备案项目经理"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.projectManagerName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="项目特点或难点"
                        :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
                        :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }"
                >
                  <BaseInput v-model="dels.projectFeatures" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="主施工范围"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.mainScope" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="计划创优级别"
                        :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
                        :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }"
                >
                  <BaseInput v-model="dels.excellencePlanName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="计划观摩级别"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.observePlanName" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row :gutter="24">
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="计划创优内容"
                        :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
                        :wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }"
                >
                  <BaseInput v-model="dels.excellentContent" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
              <a-col :md="12" :sm="12">
                <a-form-item
                        label="计划观摩内容"
                        :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
                        :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
                >
                  <BaseInput v-model="dels.observeContent" type="text" disabled></BaseInput>
                </a-form-item>
              </a-col>
            </a-row>
            <a-button style="float:right;" @click="nextStep()" type="primary">下一步</a-button>
          </a-tab-pane>

          <a-tab-pane key="2" tab="项目部设置">
            <title-name title="项目领导班子人员配置"></title-name>
            <a-table :columns="columns" :data-source="projectPost" bordered>
              <span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
              <span slot="employeeName" slot-scope="record">
                <template>
                   {{record.staffList.map(s=>s.staffName).join(',')}}
                </template>
              </span>
              <span slot="employeeNum" slot-scope="record">
               <template>
                        <span v-for="(staff,index) in record.staffList" :key="staff" >
                            <span v-if="index !=0 ">,</span>
                            <sapn v-if="staff.statusCode == 0 " style="color:rgba(0, 0, 0, 0.65)">{{staff.staffCode}}</sapn>
                            <sapn v-else-if="staff.statusCode != 0 " style="color:red;">{{staff.staffCode}}</sapn>
                        </span>
                    </template>
              </span>
              <span slot="status" slot-scope="record">
                    <template>
                       {{record.staffList.map(s=>s.statusName).join(',')}}
                    </template>
              </span>
              <span slot="operation" slot-scope="text, record">
                <template>
                  <a @click="handleEdit(record)">编辑</a>
                </template>
              </span>
            </a-table>


            <title-name title="其他岗位人员配置"></title-name>

            <a-table :columns="columns" :data-source="otherPost" bordered>
              <span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
              <span slot="employeeName" slot-scope="record">
                <template>
                   {{record.staffList.map(s=>s.staffName).join(',')}}
                </template>
              </span>
              <span slot="employeeNum" slot-scope="record">
               <template>
                        <span v-for="(staff,index) in record.staffList" :key="staff" >
                            <span v-if="index !=0 ">,</span>
                            <sapn v-if="staff.statusCode == 0 " style="color:rgba(0, 0, 0, 0.65)">{{staff.staffCode}}</sapn>
                            <sapn v-else-if="staff.statusCode != 0 " style="color:red;">{{staff.staffCode}}</sapn>
                        </span>
                    </template>
              </span>
              <span slot="status" slot-scope="record">
                    <template>
                       {{record.staffList.map(s=>s.statusName).join(',')}}
                    </template>
              </span>
              <span slot="operation" slot-scope="text, record">
                <template>
                  <a @click="handleEdit(record)">编辑</a>
                </template>
              </span>
            </a-table>


            <a-button style="float:right;" @click="nextStep()" type="primary">下一步</a-button>
          </a-tab-pane>

          <a-tab-pane key="3" tab="附件上传">
            <title-name title="附件上传"></title-name>
            <a-upload name="file" :multiple="true" :headers="headers" @change="handleChanges">
              <a-button>
                <a-icon type="upload" style="color: #1890ff" />
                上传文件
              </a-button>
              <div>支持扩展名：.rar .zip .doc .docx .pdf .jpg...</div>
            </a-upload>
          </a-tab-pane>

        </a-tabs>


        <add-ad-just
                ref="createModal"
                :visible="visible"
                :loading="confirmLoading"
                :model="mdl"
                v-on:employeeNums="employeeNums"
                @cancel="handleCancel"
                @ok="handleOk"/>
      </a-card>
    </a-form>
  </base-breadcrumb>
</template>

<script>
import FooterToolBar from '@/components/FooterToolbar'
import AddAdJust from '../../staffAdjust/addAdjust'
import { getDesignType, getProjectsDel, editBranchInfo, getDepartConfig, addDepartmentConfig, getInstallationBranchId } from '@/api/project/projects'
import { getProjectypesList } from '@/api/project/projectypes'
import { getImportantsList } from '@/api/project/importants'
import { getCustomerList, getCustomersOne } from '@/api/project/customers'
import { getAttachment } from '@/api/commons'

const columns = [
  {
    title: '序号',
       width: 65,
    scopedSlots: { customRender: 'serial' }
  },
  {
    title: '岗位名称',
    dataIndex: 'jobName',
    width: '15%'
  },
  {
    title: '岗位人员姓名',
    width: '40%',
    scopedSlots: { customRender: 'employeeName' }
  },
  {
    title: '员工编号',
    scopedSlots: { customRender: 'employeeNum' }
  },
  {
    title: '状态',
    scopedSlots: { customRender: 'status' }
  },
  {
    title: '操作',
    dataIndex: 'operation',
    scopedSlots: { customRender: 'operation' }
  }
]
const columns1 = [
  {
    title: '序号',
       width: 65,
    dataIndex: 'name',
    
    scopedSlots: { customRender: 'name' }
  },
  {
    title: '附件名称',
    dataIndex: 'annuxName',
    width: '15%',
    scopedSlots: { customRender: 'age' }
  },
  {
    title: '附件格式',
    dataIndex: 'annux',
    scopedSlots: { customRender: 'annux' }
  },
  {
    title: '附件地址',
    dataIndex: 'annuxAddress',
    width: '40%',
    scopedSlots: { customRender: 'annuxAddress' }
  },
  {
    title: '操作',
    dataIndex: 'operation',
    scopedSlots: { customRender: 'operation' }
  }
]


// 数组创建时候的下标
var numbe = 0
export default {
  name:'a'+Date.now(),
  components: {
    AddAdJust
  },
  props: {
    text: String
  },

  data() {
    return {
      visible: false,  // 人员配置调整
      confirmLoading: false,
      mdl: null,       // 数据

      projectModecode: '', // 工程承包模式code
      projectModeId: '', // 工程承包模式
      isContract: false, // 专业承包分公司
      isGeneral: false, // 总承包公司

      editable: false,
      projectNum: '',

      nextSteps: '1',

      selectDatas: {}, // 立项返回下拉数据

      columns,
      columns1,
      editingKey: '',
      selectedRowKeys: [],

      value: 1, // 是否签订合同

      previewImage: '',

      data:[{postName:'项目经理', employeeName:'张三',employeeNum:'231231'}],
      fileList: [
        {
          uid: '-1',
          name: 'image.png',
          status: 'done',
          url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
        }
      ],

      headers: {
        authorization: 'authorization-text'
      },
      queryParam: {
        projectName: '',
        name: ''
      },
      form: this.$form.createForm(this),
      status: 'all',
      areaCode: '',
      employeeNum:'', // 项目部设置人员调整编号
      isContractMileage: false, // 线性基础数据
      isConstruction: false, // 房建
      id:'',    // 项目id
      branchCode:'',  // 是否是分公司 科技管理中心
      dels:{},
      designTypes:[ ],
      isCompany:false,
      isManager:false,
      projectPost:[] , // 项目人员岗位设置
      otherPost:[] ,  //  其他人员岗位设置
    }
  },
  created() {
    this.id = this.$route.query.projectId
    this.branchCode = this.$route.query.branchCode

    if(this.branchCode == 0){
      this.isCompany = true
      this.isManager = false
    }else{
      this.isCompany = false
      this.isManager = true
    }

    localStorage.setItem("projectId",this.id)

    this.getInstallationBranchId()
    this.getDesignType()
    this.getDepartConfig()
    this.getDepartConfigs()

    this.$refs.tabs.activeKey = this.nextSteps

  },
  computed: {

  },
  methods: {
    employeeNums(val){
      this.employeeNum = val
    },
    handleSave(e) {  //
      e.preventDefault()
      this.form.validateFields((err, values) => {
        if (!err) {
          this.form.validateFields((err, values) => {
            if (!err) {

              values.projectId = localStorage.getItem("projectId")
              editBranchInfo(values).then(res => {
                if(res.code == 200){
                  this.$message.success("保存成功！")
                  this.nextSteps = '2'
                }
              })
            }
          })

        }
      })
    },
    handleEdit(record) {
      let _this = this;
      _this.visible = true
      _this.mdl = { ...record }
      console.log("当前岗位数据：",record)
    },

    getDesignType(){
      getDesignType().then(res=>{
        this.designTypes = res.data
      })
    },
    getInstallationBranchId(){
      let id =  localStorage.getItem("projectId")
      getProjectsDel({id:id}).then(res=>{
        this.dels = res.data

        this.form.setFieldsInitialValue(res.data)

        console.log("返回详情数据：",this.dels)
        if(this.dels.innerPackageName == '是'){
          this.isContract = true
        }
        if (this.dels.projectTypeCode == 'fj') {
          this.isContractMileage = false
          this.isConstruction = true
        }
        if (this.dels.projectTypeCode == 'xxjcss') {
          this.isContractMileage = true
          this.isConstruction = false
        } else {
          this.isContractMileage = false
          this.isConstruction = true
        }
      })
    },
    getDepartConfig(){   // 项目岗位设置
      let proId = localStorage.getItem("projectId")
      getDepartConfig({projectId:proId,projectJobType:1}).then(res=>{
        this.projectPost = res.data.postConfigList
      })
    },
    getDepartConfigs(){   // 其他岗位设置
      let proId = localStorage.getItem("projectId")
      getDepartConfig({projectId:proId,projectJobType:0}).then(res=>{
        this.otherPost = res.data.postConfigList
      })
    },

    callback(key) {   // tabs切换
      this.nextSteps = key
      if(this.nextSteps == 2){
        this.form.validateFields((err, values) => {
          if (!err) {
            values.projectId = localStorage.getItem("projectId")
            editBranchInfo(values).then(res => {
              if(res.code == 200){
                this.$message.success("保存成功！")
                this.nextSteps = '2'
              }
            })
          }else{
            this.nextSteps = '1'
          }
        })
      }
    },
    handleCancel() {
      let _this = this;
      _this.visible = false
      const form = _this.$refs.createModal.form
      form.resetFields() // 清理表单数据
    },
    handleOk() {
      const form = this.$refs.createModal.form
      this.confirmLoading = true
      form.validateFields((errors, values) => {
        if (!errors) {
          console.log('values', values)

          values.projectId = localStorage.getItem("projectId")
          values.projectJobId = this.mdl.jobId
          values.employeeNum = this.employeeNum
          addDepartmentConfig(values).then( res=>{
            this.visible = false
            this.confirmLoading = false
            this.$message.info('调整成功')
            this.getDepartConfig()
            this.getDepartConfigs()
          })
        } else {
          this.confirmLoading = false
        }
      })
    },
    nextStep() {
      // 下一步
      let steps = this.nextSteps
      if (steps == '1') {
        this.form.validateFields((err, values) => {
          if (!err) {
            values.projectId = this.id
            editBranchInfo(values).then(res => {
              if(res.code == 200){
                this.$message.success("保存成功！")
                this.nextSteps = '2'
              }
            })
          }
        })
      }
      if (steps == '2') {
        this.nextSteps = '3'
      }

    },




    // 上传
    handleChanges(info) {
      console.log('上传事件：', info)
      getAttachment({ multipartFile: info.file, projectId: 1 }).then(res => {
        console.log('上传事件如下：', res)
      })
    },


  }
}
</script>

<style lang="less" scoped>
.wrapper-row {
  padding-left: 55px;
  font-weight: bold;
  letter-spacing: 1px;
}

/deep/ .ant-form-item label {
  font-size: 12px;
}

/deep/ .ant-btn {
  border-radius: 5px;
}


/deep/ .ant-input {
  /*width: 70%;*/
  border-radius: 5px;
}



/deep/ .ant-card.ant-card-bordered {
  border-radius: 5px;
}

.ant-avatar-lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.list-content-item {
  color: rgba(0, 0, 0, 0.45);
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 40px;
  span {
    line-height: 20px;
  }
  p {
    margin-top: 4px;
    margin-bottom: 0;
    line-height: 22px;
  }
}

.title-name {
  border-left: 5px solid #1890ff;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
  padding-left: 15px;
  height: 20px;
  line-height: 20px;
}

/deep/ .table-page-search-wrapper .ant-form-inline .ant-row .ant-col.ant-col-sm-24.ant-col-md-12 {
  padding-left: 80px;
}
</style>

